import asyncComponent from '../components/AsyncComponent/index.jsx';


export MainLayout from '../components/Layout/index.jsx';

export PageWrapper from '../components/PageWrapper/index.jsx';



// export const MainLayout = asyncComponent(
//   () => import( webpackChunkName: 'MainLayout'  '../components/Layout/index.jsx')
// );

export const Home = asyncComponent(
  () => import(/* webpackChunkName: 'Home' */ '../pages/home/index.jsx'),
  {
    home: () => import(/* webpackChunkName: 'Home_Reducer' */ '../pages/home/reducers/index.js'),
  }
);

export const RoleAuthForm = asyncComponent(
  () => import(/* webpackChunkName: 'RoleAuthForm' */ '../pages/permission/index.jsx'),
);

export const LifeCycle = asyncComponent(
  () => import(/* webpackChunkName: 'LifeCycle' */ '../pages/lifecycle/index.jsx'),
);

export const Login = asyncComponent(
  () => import(/* webpackChunkName: 'Login' */ '../pages/login/index.jsx'),
);

export const Demo = asyncComponent(
  () => import(/* webpackChunkName: 'Demo' */ '../pages/demo/index.jsx'),
);

export const DndDemo = asyncComponent(
  () => import(/* webpackChunkName: 'DndDemo' */ '../pages/reactDndDemo/index.jsx'),
);